.leaderboard {
  &__period-chooser.select-kit.dropdown-select-box {
    display: flex;
    margin: 1rem 0;

    .period-chooser-header {
      text-align: center;
    }
  }

  .page__header button.-ghost,
  &__settings {
    font-size: var(--font-up-2);
    padding: 0.5rem 0 0.5rem 0.5rem;
  }

  .winner {
    width: 30%;

    &__avatar {
      img {
        border-width: 3px;
      }
    }

    &__rank {
      width: 40px;
      height: 40px;
      font-size: 24px;
    }

    &__score {
      font-size: var(--font-up-3);
    }

    &.-position1 {
      width: 40%;
    }
  }

  .ranking-col-names {
    padding: 1rem 1rem 0.25rem 1rem;
  }

  .user {
    padding: 0.5rem 1rem;

    &__score {
      font-size: var(--font-up-3);
    }
  }
}
